<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Grid</title>
	
	<script src="http://localhost:35729/livereload.js"></script>
	<script src="https://www.promisejs.org/polyfills/promise-7.0.4.min.js"></script>
	<script type="text/javascript" src="../../dist/cheetahGrid.es5.js"></script>
	<script type="text/javascript" src="../../dist/cheetahGrid.js"></script>
	<style type="text/css">
		html {
			height: 100%;
		}
		body {
			height: calc(100% - 100px);
		}
		
	</style>
</head>
<body>
	<h1>ListGrid Example</h1>
	<label>theme</label>
	<select id="theme">
		<option value="default" selected="true">default</option>
		<option value="red">red</option>
		<option value="basic">basic</option>
		<option value="onlyheader">onlyheader</option>
		<option value="all_light">all_light</option>
		<option value="all">all</option>
	</select>
	<button id="filter">filter</button>
	<button id="unfilter">unfilter</button>
	<button id="focus">focus</button>
	<div id="parent" style="width: 100%;height: calc(100% - 62px);">
	</div>
	<script type="text/javascript" src="./ListGrid_sample.js"></script>
	<script type="text/javascript">

	</script>
</body>
</html>